<template>
    <footer>
        <h3>友情链接:</h3>
        <ul>
            <li class='change' style='{"color":white}' v-for='(item,index) in footerList' :key='index'><a
                    class='changeA' :href="item.dictValue">{{item.dictLabel}}</a></li>
        </ul>
        <div>Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</div>
    </footer>
</template>

<script>
    export default {
        name: "footersong",
        data(){
            return{
                footerList:[],
            }
        },
        created() {
            let form = new URLSearchParams();
            form.append('dictType', 'blogroll');
            form.append('pageNum', 1);
            form.append('pageSize', 10);
            form.append('orderByColumn', 'dictSort');
            form.append('isAsc', 'asc');
            this.$axios.post('http://wkt.myhope365.com/system/dict/data/list/open', form).then(res => {
                // console.log(res);
                this.footerList = res.data.rows;
            });
        }
    }
</script>

<style scoped lang="less">
   footer {
        padding: 10px 160px ;
        height: 300px;
        background-color: black;
       ul{
           overflow: hidden;
       };
       div{
           width: 800px;
           text-align: center;
           border-top: 1px solid white;
           margin-top: 100px;
           margin-left: 200px;
           color: white;
       }
    }
    .change {
        margin-top: 20px;
        margin-right: 20px;
        float: left;
    }
    h3{
        margin-top: 30px;
        color: white;
        font-size: 20px;
        font-weight: bold;
    }
    .changeA {
        color: white;
        text-decoration: none;
    }
    .changeA:hover {
        color: #42b983;
    }

</style>